<link rel="stylesheet" type="text/css" href="{$smarty.const.THEME_RELATIVE}modules/videomodule/css/videopage.css">
<div id="mediaMain" style="padding-top: 10px; padding-left: 3px;">
    <div id="mediaCategoryButtons" style="visibility: visible; ">
        {foreach from=$cats item='cat'}
            <a rel="{$cat->id}" class="styleBtn" href="{link action=_video_main cat_name=$cat->seo_name}">{$cat->title}</a>
        {/foreach}
    </div>
</div>
{* Show list of video *}
<table class="linktabs_tab" width="98%">
    {* First is newest and highlighed*}
    <tr>
        <td style="padding-left: 0px;">
            <div class="lt_title">
                <a href="javascript: void(0)">{$_TR.newest_video}</a>
            </div>
            {* newest*}
            <div class="mediaResultsGrid pageVids homepage_small">
                <ol>
                    {foreach from=$new_video item='v'}
                    <li >
                        <a href="{$v->url_link}" rel="{$v->seo_name}" title='{$v->title}' alt='{$v->title}'>
                            <img src="{$smarty.const.URL_FULL}phpThumb.php?src={$v->thumbnail}&w=95" alt="{$v->title}">
                             <p class="category" style="text-align: center;">{$v->views} {$_TR.views}</p>
                            <div class="playHolder"></div>
                        </a>
                        <h5>{$v->title}</h5>
                        <p>{$v->title2}</p>
                        <p class="category">{$_TR.video_category}: {$v->cat_title}</p>
                    </li>
                    {/foreach}
                </ol>
            </div>
        </td>
        <td style="padding-right: 0px;">
            <div class="lt_title">
                <a href="javascript: void(0)">{$_TR.highlighted_video}</a>
            </div>
            {* highlighed*}
            <div class="mediaResultsGrid pageVids homepage_small">
                <ol>
                    {foreach from=$highlighted_video item='v'}
                    <li>
                        <a href="{$v->url_link}" rel="{$v->seo_name}" title='{$v->title}' alt='{$v->title}'>
                            <img src="{$smarty.const.URL_FULL}phpThumb.php?src={$v->thumbnail}&w=95" alt="{$v->title}">
                            <p class="category" style="text-align: center;">{$v->views} {$_TR.views}</p>
                            <div class="playHolder"></div>
                        </a>
                        <h5>{$v->title}</h5>
                        <p>{$v->title2}</p>
                        <p class="category">{$_TR.video_category}: {$v->cat_title}</p>
                    </li>
                    {/foreach}
                </ol>
            </div>
        </td>
    </tr>
</table>

{literal}
<script language='javascript'>
    jQuery(document).ready(function () {
        jQuery(".mediaResultsGrid ol li a").hover(function(){
            jQuery(".playHolder").html('');
            jQuery(this).children(".playHolder").html('<div class="playHover"></div>');
    }, function(){
        jQuery(".playHolder").html('');
    });
    });
</script>
{/literal}